

#nav { float:left; margin-top:41px; width: 242px; margin-left:12px; font-size:1.1em; }

/************** ALL LEVELS  *************/ /* Style consistent throughout all nav levels */
#nav li { position:relative; text-align:left; }
#nav li.over { z-index:999; }
#nav a,
#nav a:hover { display:block; text-decoration:none; z-index:999; }
#nav span { display:block; cursor:pointer; white-space:nowrap; }
#nav li ul span {white-space:normal; }

/************ 0 LEVEL  ***************/
#nav li { margin-bottom: 1px; }
#nav li.active a { color:#444; }
#nav a { width: 214px; height: 29px; line-height: 29px; text-indent: 22px; background:url(../images/d4-navigation-btn.png) no-repeat 0 0; color:#fff; font-weight: bold; }
#nav li.over a,
#nav a:hover { color:#fff; background-position: 0 -30px; }
#nav li.over,
#nav li.active a { color:#fff; background-position: 0 -30px; }

/************ 1ST LEVEL ************/
#nav ul li,
#nav ul li.active,
#nav ul li.over { float:none; border:none; margin:0; padding:0; padding-bottom:1px; text-transform:none; }
#nav ul li.parent { }
#nav ul li.last { padding-bottom:0; }
#nav ul li.active { margin:0; border:0; }
#nav ul a,
#nav ul a:hover { width: 160px; height: 29px; line-height: 29px; float:none; padding:0; color: #FFFFFF; background: none; }
#nav ul li a { font-weight:normal !important; }

/************ 2ND LEVEL ************/
#nav ul { position:absolute; width: 160px; top:0px; left:-10000px; font-size:11px; z-index:999; }
#nav ul > li { background: url(../images/d4-nav-dropbg.png) no-repeat 0 0; }
#nav ul li { background: #7b8a12; } 
#nav ul li.last { background: url(../images/d4-nav-dropbg-bottom.png) no-repeat bottom left; }

/* Show menu */
#nav li.over > ul { left: 216px; }
#nav li.over > ul li.over > ul { left:100px; }
#nav li.over ul ul { left:-10000px; }

#nav ul li a { color:#fff !important; }
#nav ul li a:hover { color:#fff !important; background: #a8be13; }

/************ 3RD+ LEVEL ************/
#nav ul ul { top:5px; }

/********** < nav1igation */
.home-button{margin-top:10px; float:left;}
.nav-container{padding-top:5px; float:right;}
#nav1 {padding:0px; margin:0; font-size:12px;}

/* All Levels */
#nav1 li { text-align:left; position:relative; margin-left:5px; }
#nav1 li.over { z-index:998; }
#nav1 li.parent {}
#nav1 li a { display:block; text-decoration:none; line-height:1.2em; }
#nav1 li a:hover { text-decoration:none; }
#nav1 li a span { display:block; white-space:nowrap; cursor:pointer; }
#nav1 li ul a span { white-space:normal; }

/* 1st Level */
#nav1 li{float:left; background:url(../images/menu_button_bg.jpg) left top repeat-x;}
#nav1 li.menu-item-2{background:url(../images/menu_button_2_bg.jpg) left top repeat-x;}
#nav1 li.menu-item-3{background:url(../images/menu_button_3_bg.jpg) left top repeat-x;}
#nav1 li.menu-item-4{background:url(../images/menu_button_4_bg.jpg) left top repeat-x;}
#nav1 li.menu-item-5{background:url(../images/menu_button_5_bg.jpg) left top repeat-x;}
#nav1 li.menu-item-6{background:url(../images/menu_button_6_bg.jpg) left top repeat-x;}
#nav1 li a { float:left; padding:8px 5px 8px 5px; font-weight:bold; color:#FFF; text-transform:uppercase; }
#nav1 li a:hover { color:#000; font-weight:italic;  background:url(../images/menu_button_4_bg_hover.jpg) left top repeat-x;}
#nav1 li a span{padding-bottom:1px; display:block;}
#nav1 li.over a,
#nav1 li.active a { color:#FFF;}
#nav1 li.over > a > span,
#nav1 li.active > a > span{border-bottom:1px solid #FFF; padding-bottom:0;}

/* 2nd Level */
#nav1 ul,
#nav1 div { position:absolute; width:7em; top:71px; left:-10000px; background:#383737; padding:20px; }
#nav1 div ul { position:static; width:auto; border:none; }

/* 3rd+ leven */
#nav1 ul ul,
#nav1 ul div { top:7px; }

#nav1 ul li { float:none; background:0; border:0; }
#nav1 ul li.last { border-bottom:0; }
#nav1 ul li a { float:none; padding:10px 12px 8px; font-weight:normal; color:#FFF !important; font-size:12px; text-transform:none; }
#nav1 ul li a:hover { color:#FFF !important; }
#nav1 ul li.active > a,
#nav1 ul li.over > a { color:#FFF !important; }
#nav1 ul li a span{border:0!important; padding:0!important;}
#nav1 ul li.active,
#nav1 ul li.over{background:#E34619;} 

/* Show menu */
#nav1 li ul.shown-sub,
#nav1 li div.shown-sub { left:0; z-index:999; }
#nav1 li .shown-sub ul.shown-sub,
#nav1 li .shown-sub li div.shown-sub { left:100px; }
/********** nav1igation > */
/* ======================================================================================= */


#nav2 { float:left; margin-top:41px; width: 242px; margin-left:12px; font-size:1.1em; }

/************** ALL LEVELS  *************/ /* Style consistent throughout all nav2 levels */
#nav2 li { position:relative; text-align:left; }
#nav2 li.over { z-index:999; }
#nav2 a,

#nav2 span { display:block; cursor:pointer; white-space:nowrap; 
}
#nav2 li ul span {white-space:normal; }

/************ 0 LEVEL  ***************/
#nav2 li { margin-bottom: 1px; }
#nav2 li.active a { color:#444; }
#nav2 a { width: 214px; height: 29px; line-height: 29px; text-indent: 22px; background:url(../images/d4-nav2igation-btn.png) no-repeat 0 0; color:#fff; font-weight: bold; }
#nav2 li.over a,
#nav2 a:hover { color:#fff; background-position: 0 -30px; }
#nav2 li.over,
#nav2 li.active a { color:#fff; background-position: 0 -30px; }

/************ 1ST LEVEL ************/
#nav2 ul li,
#nav2 ul li.active,
#nav2 ul li.over { float:none; border:none; margin:0; padding:0; padding-bottom:1px; text-transform:none; }
#nav2 ul li.parent { }
#nav2 ul li.last { padding-bottom:0; }
#nav2 ul li.active { margin:0; border:0; }
#nav2 ul a,
#nav2 ul a:hover { width: 160px; height: 29px; line-height: 29px; float:none; padding:0; color: #FFFFFF; background: none; }
#nav2 ul li a { font-weight:normal !important; }

/************ 2ND LEVEL ************/
#nav2 ul { position:absolute; width: 160px; top:0px; left:-10000px; font-size:11px; z-index:999; }
#nav2 ul > li { background: url(../images/d4-nav2-dropbg.png) no-repeat 0 0; }
#nav2 ul li { background: #7b8a12; } 
#nav2 ul li.last { background: url(../images/d4-nav2-dropbg-bottom.png) no-repeat bottom left; }

/* Show menu */
#nav2 li.over > ul { left: 216px; }
#nav2 li.over > ul li.over > ul { left:100px; }
#nav2 li.over ul ul { left:-10000px; }

#nav2 ul li a { color:#fff !important; }
#nav2 ul li a:hover { color:#fff !important; background: #a8be13; }

/************ 3RD+ LEVEL ************/
#nav2 ul ul { top:5px; }

#nav2 .desc{color:#000000;font-family:Tahoma;padding-top:5px;}